<%@page pageEncoding="UTF-8" isELIgnored="false"%>
<%@taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">



  <head>
    <meta charset="utf-8" />
	<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css"/>	<!-- 最新 Bootstrap 核心 CSS 文件 -->

    <title>微信登录页面</title>
    <!-- Custom styles for this template -->
    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>
  <body style="background-image:url(/weixin/resource/image/background_upload04.jpg);background-size:1920px 1080px;">
		<div class="row col-md-offset-4" style="margin-top:200px;width:500px;">
			<center><h1>微信资源上传平台</h1></center>
			<!-- 标签页 开始 -->
			<div class="bs-example bs-example-tabs">
		      <ul id="myTab" class="nav nav-tabs">
		        <li class="active"><a href="#home" data-toggle="tab">上传单个文件</a></li>
		        <li><a href="#profile" data-toggle="tab">上传多个文件</a></li>
		        <li> <a href="#wenzhang" data-toggle="tab">上传文章</a></li>
		      </ul>
		      <div id="myTabContent" class="tab-content">
		        <div class="tab-pane fade in active" id="home">
       				<h3>上传图片、语音、视频、等文件..</h3>
					<form role="form" action="/weixin/com/uploadFile" method="post" enctype="multipart/form-data" >
					  <div class="form-group">
					    <label for="">文件名</label>
					    <input type="text" class="form-control" id="" name="uploadFile.name" placeholder=".名称."/>
					  </div>
					  <div class="form-group">
					    <label for="">描述</label>
					    <textarea style="resize:none;" name="uploadFile.description"></textarea>
					  </div>
  					  <div class="form-group">
				    	<label for="">文件类型</label>
					    <s:select list="#{'image':'图片','voice':'语音','video':'视频','thumb':'缩略图'}" name="uploadFile.type" class="form-control" style="height:30px;width:100px;"></s:select>
					  </div>
					  <div class="form-group">
					    <label for="exampleInputFile">上传文件</label>
					    <input type="file" id="exampleInputFile" name="upload"/>
					    <p class="help-block">上传图片、语音、视频、等文件...</p>
					  </div>
					  <button type="submit" class="btn btn-info">提交</button>
					</form>
		        </div>
		        <div class="tab-pane fade" id="profile">
		          <h3>上传多个图片、语音、视频、等文件..</h3>
					<form role="form">
					  <div class="form-group">
					    <label for="">文件名</label>
					    <input type="text" class="form-control" id="" placeholder=".名称.">
					  </div>
					  <div class="form-group">
					    <label for="">描述</label>
					    <textarea type="text"  style="resize:none;"></textarea>
					  </div>
					  <div class="form-group">
					    <label for="exampleInputFile">上传文件</label>
					    <input type="file" id="exampleInputFile">
					    <p class="help-block">上传多个图片、语音、视频、等文件...</p>
					  </div>
					  <button type="submit" class="btn btn-info">提交</button>
					</form>
		          </div>
		        <div class="tab-pane fade" id="wenzhang">
		          <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p>
		        </div>
		      </div>
		    </div><!-- /example -->
			<!-- 标签页 结束 -->

		</div>
		<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script><!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script><!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script type="text/javascript">
	$(function(){
	
	});
	</script>
  </body>
</html>
